body {
    /*取消浏览器内间距  外间距*/
    margin: 0;
    padding: 0;
}

/*
  颜色值：
    英语单词
    RGB
    十六进制
*/
.d1 {
    width: 800px;
    height: 500px;

    /* border-width: 5px;
     border-style:dotted ;  *//*solid 实线 ， dashed 虚线, dotted 小圆点 *//*
     border-color: red;*/
    border: 5px solid red;
    border-radius: 5px; /*圆角*/

    /*  background: url("../images/1.jpg") no-repeat;*/
    background-color: darkgreen;
    opacity: 0.5; /*0-1*/

    color: white;

}

.head {
    width: 800px;
    height: 80px;
    /*border-left: 10px solid red;*/
    background-color: skyblue;

    /*字体*/
    font-size: 20px; /*字体大小*/
    font-weight: bolder; /*粗细*/
    font-family: '微软雅黑'; /*字体*/
    textalign: center; /*文本水平对齐方式*/
    color: saddlebrown;

    /*line-height: 80px;  *//*文本垂直居中 =height的值 */
    letter-spacing: 3px; /*字符之间的间距*/
    word-spacing: 10px; /*每个单词之间的间距*/

    /*
      溢出：
        visible 显示溢出的部分 ,默认值
        hidden 不显示
      */
    overflow: visible;

}

/*
    文字超链接 ： 自带 下划线、颜色
        若要单独处理 下划线、颜色，必须
*/
.head a {
    text-decoration: none; /*超链接中的下划线*/
    color: red;

}

.head a:hover {
    text-decoration: underline; /*超链接中的下划线*/

}

